<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
  var box2_3 = echarts.init(document.getElementById('box2-3'));
  option = {
    color: ["#EAEA26", "#b7d6f3", "#FE5656", "#01E17E", "#3DD1F9", "#FFAD05","#5cc4f3","#2e61e7","#215096"],
    title: {
      text: '2022年GDP分行业增加值',
      top: 2,
      left:80,
      textStyle: {
        color: '#fff',
        fontSize: 15,

      }
    },
    tooltip: {
      trigger: "item",
      formatter: "{b} : {c}亿元 ({d}%)",
    },
    legend: {
      type: "scroll",
      left: "0",
      bottom: 12,
      itemWidth: 16,
      itemHeight: 8,
      itemGap: 16,
      textStyle: {
        color: "#A3E2F4",
        fontSize: 12,
        fontWeight: 0,
      },
      data: ["农林牧渔业", "工业", "建筑业", "批发和零售业", "交通运输、仓储和邮政业", "住宿和餐饮业","金融业","房地产业","其他行业"],
    },
    polar: {},
    angleAxis: {
      interval: 1,
      type: "category",
      data: [],
      z: 10,
      axisLine: {
        show: false,
        lineStyle: {
          color: "#0B4A6B",
          width: 1,
          type: "solid",
        },
      },
      axisLabel: {
        interval: 0,
        show: true,
        color: "#0B4A6B",
        margin: 8,
        fontSize: 16,
      },
    },
    radiusAxis: {
      min: 40,
      max: 120,
      interval: 20,
      axisLine: {
        show: false,
        lineStyle: {
          color: "#0B3E5E",
          width: 1,
          type: "solid",
        },
      },
      axisLabel: {
        formatter: "{value} %",
        show: false,
        padding: [0, 0, 20, 0],
        color: "#0B3E5E",
        fontSize: 16,
      },
      splitLine: {
        lineStyle: {
          color: "#0B3E5E",
          width: 2,
          type: "solid",
        },
      },
    },
    calculable: true,
    series: [
      {
        type: "pie",
        radius: ["5%", "10%"],
        hoverAnimation: false,
        labelLine: {
          normal: {
            show: false,
            length: 30,
            length2: 55,
          },
          emphasis: {
            show: false,
          },
        },
        data: [
          {
            name: "",
            value: 0,
            itemStyle: {
              normal: {
                color: "#0B4A6B",
              },
            },
          },
        ],
      },
      {
        type: "pie",
        radius: ["90%", "95%"],
        hoverAnimation: false,
        labelLine: {
          normal: {
            show: false,
            length: 30,
            length2: 55,
          },
          emphasis: {
            show: false,
          },
        },
        name: "",
        data: [
          {
            name: "",
            value: 0,
            itemStyle: {
              normal: {
                color: "#0B4A6B",
              },
            },
          },
        ],
      },
      {
        stack: "a",
        type: "pie",
        radius: ["20%", "80%"],
        roseType: "area",
        zlevel: 10,
        label: {
          color:"#FFF",
          normal: {
            show: true,
            textStyle: {
              fontSize: 12,
            },
          },
          position:"outside",
          emphasis: {
            show: true,
          },
        },
        labelLine: {
          normal: {
            show: true,
            length: 10,
            length2: 15,
          },
          emphasis: {
            show: false,
          },
        },
        data: [
          {
            value: 92582.4,
            name: "农林牧渔业",
          },
          {
            value: 401644.3,
            name: "工业",
          },
          {
            value: 83383.1,
            name: "建筑业",
          },
          {
            value: 114517.7,
            name: "批发和零售业",
          },
          {
            value: 49673.7,
            name: "交通运输、仓储和邮政业",
          },
          {
            value: 17855.3,
            name: "住宿和餐饮业",
          },
          {
            value: 96811,
            name: "金融业",
          },
          {
            value: 73821.3,
            name: "房地产业",
          },
          {
            value:279918.4,
            name: "其他行业",
          },
        ],
      },
    ],
  };


  box2_3.setOption(option)
</script>
</html>
